<cfimport prefix="mango" taglib="../../tags/mango">
<cfimport prefix="mangox" taglib="../../tags/mangoextras">
<cfimport prefix="template" taglib=".">
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
	<title><mango:Blog title /></title>
	<cfinclude template="header.cfm">
	<script type="text/javascript">
		$(function(){
			$("#viewOriginal").live('click tap', function(e) {
				document.location.href = '/index.cfm?isMobile=0';
				e.preventDefault();
			});	
			/*$("#q").bind("change keyup",function(e){
				var submitBtn = $("#searchSubmit");
				if($(this).val() !== ''){
					var _parent = $(this).parent();
					
					if(submitBtn.length == 0)
					{
						submitBtn = $('<a href="#" id="searchSubmit" class="ui-input-clear" style="right:35px" data-icon="search" data-iconpos="notext" data-inline="true">Search</a>');
						_parent.append(submitBtn);
						submitBtn = submitBtn.buttonMarkup();
						submitBtn.bind("vclick tap",function(){
							$.mobile.changePage("/archives.cfm/search/?term=" + $("#q").val());
						});
					}
					else{
						submitBtn.removeClass('ui-input-clear-hidden');
					}
				}
				else
					submitBtn.addClass('ui-input-clear-hidden');
			});*/
		});
	</script>
	<style type="text/css">
		#postdesc .ui-li-desc { white-space: normal; overflow:visible; }
		.ui-input-search {width:100%;}
	</style>
	<mango:Event name="beforeHtmlHeadEnd" />
</head> 
<body><mango:Event name="beforeHtmlBodyStart" /> 
<div data-role="page" data-theme="a" id="jqm-home">
	<div data-role="header">
		<h1><mango:Blog title /></h1>
	</div>
	<div data-role="content">
		<ul data-role="listview">
			<li>
				<form id="frmSearch" name="frmSearch" action="/archives.cfm/search/" method="get">
				<div data-inline="true">
					<label for="q"></label><input type="search" name="term" id="term" value="" />
				</div>
			</form></li>
		<mango:Posts count="15">
		<mango:Post>
		<li style="white-space:normal">
			<a href="<mango:PostProperty link />" style="white-space:normal"><mango:PostProperty title /><span class="ui-li-count"><mango:PostProperty commentCount /></span></a>
		</li>
		</mango:Post>	
		</mango:Posts>
		</ul>
		<mango:Archive pageSize="15">
			<div data-role="controlgroup" data-type="horizontal">
				<mango:ArchiveProperty ifHasNextPage>
					<a href="<mango:ArchiveProperty link pageDifference="1" />" data-role="button" data-icon="arrow-l">Prev</a> 
				</mango:ArchiveProperty>
			</div>
		</mango:Archive>
		
	</div>
	<div data-role="footer">
		<cfinclude template="footer.cfm">
	</div>
</div>
<!-- Start of first page -->
<div data-role="page" id="categories">
	<div data-role="header" data-position="inline">
		<h1>Categories</h1>
	</div>
	<div data-role="content">
		<ul data-role="listview">
			<mango:Categories parent=""><mango:Category>
				<li><a href="<mango:CategoryProperty link />" title="<mango:CategoryProperty title />"><mango:CategoryProperty title /></a><span class="ui-li-count"><mango:CategoryProperty postCount /></span></li></mango:Category>
			</mango:Categories>
		</ul>
	</div>
	<div data-role="footer" data-position="inline">&nbsp;</div>
</div><!-- /page -->

<div data-role="page" id="pagelist">
	<div data-role="header" data-position="inline">
		<h1>Pages</h1>
	</div>
	<div data-role="content">
		<ul data-role="listview">
			<mango:Pages>
				<mango:Page>
					<li>
						<a href="<mango:PageProperty link>" title="<mango:PageProperty title />"><mango:PageProperty title /></a>
					</li>
				</mango:Page>
			</mango:Pages>
		</ul>
	</div>
	<div data-role="footer" data-position="inline">&nbsp;</div>
</div>

<div data-role="page" id="aboutblog">
	<div data-role="header" data-position="inline">
		<h1>About</h1>
	</div>
	<div data-role="content">
		<mango:Blog description descriptionParagraphFormat /><br/><br />
		<span style="font-size:9px">
		Powered by: <a href="http://www.mangoblog.org" target="_blank" title="Mango Blog - A ColdFusion blog engine">Mango Blog</a>. <br />
		Design By: Pritesh Patel / <a href="http://www.isummation.com/" target="_blank">iSummation Technologies</a><br />
		Icon By: Joseph Wain / <a href="http://glyphish.com/" target="_blank">glyphish.com</a>.
		</span>
	</div>
	<div data-role="footer" data-position="inline">&nbsp;</div>
</div>
<mango:Event name="beforeHtmlBodyEnd" />
</body>
</html>